جزیره اسرار آمیز دانش
پیوند صفحات در اچ تی ام ال

در این بخش ایجاد لینک به بقیه صفحات را مورد بررسی قرار می دهیم.برای ایجاد لینک از تگ زیر استفاده می کنیم:

<a href="url">متن لینک</a>

تگ <a> نشانه لینک است. شناسه href مشخص کننده آدرس لینک می باشد، <a/> نشانه بسته شدن تگ است. متنی که بین این دو تگ ابتدایی و پایانی نوشته می شود متنی است که در صفحه شما به عنوان یک لینک دیده می شود. مثلاً اگر می خواهید به یک صفحه وب مثلاً صفحه اصلی سایت ما با این آدرس:   http://www.neoperia.org/html/index.html لینکی را در صفحه خود داشته باشید باید فرمان زیر را در قسمت body صفحه خود در جایی که می خواهید لینک به نمایش درآید قرار دهید:

<a href="http://www.neopersia.org/html/index.html">متن نمونه برای لینک</a>

لینک در صفحه شما به این صورت دیده می شود:

 

لینکی را که با فرمان بالا ساخته اید به صورت رنگی (بسته به تنظیمات مرورگر رنگ آن تعیین می شود) و زیرخط دار به وجود می آید. که این خصوصیات نشانه آن است که یک متن لینک است و وقتی که نشانگر ماوس را بر روی آن قرار دهید به شکل دست در می آید. البته هر متنی که رنگی بود و دارای زیر خط بود لزوماً نباید یک لینک باشد. شکل نشانگر ماوس در اینجا به کمک ما می آید.

اگر شما لینکی را که با این روش به وجود آمده کلیک کنید به صفحه مورد نظر می روید. با این روش شما می توانید به هر صفحه ای لینک بسازید چون آدرس کامل آنرا در لینک قرار داده اید. برای مثال شما می توانید برای صفحات سایت خود در صفحه اصلی با این روش لینکهایی بسازید.

اگر همه فایلهای شما مانند صفحه ای که لینک در آن قرار دارد در یک پوشه باشند شما می توانید به جای آدرس کامل صفحه مقصد از روش میانبری استفاده کنید و فقط نام فایل مورد نظر را به جای آدرس کامل آن بنویسید.

در مثال زیر فرض بر این است که هر دو صفحه مبدأ و مقصد لینک در یک پوشه قرار دارند. برای نمونه سرفصل آموزش مقدماتی HTML در همان پوشه ای قرار دارد که این صفحه قرار دارد. نام این صفحه index.php است. برای ایجاد یک لینک در این صفحه می توانیم به اینگونه عمل کنیم:

<a href="index.php">متن نمونه برای لینک</a>

لینک حاصل شده:

متن نمونه برای لینک

هر دو روش بالا یک نتیجه را دارند اما در روش دوم زحمت نوشتن کمتر است.

اگر شما شک دارید یا مطمئن نیستید که هر دو صفحه در یک پوشه قرار دارند حتماً از آدرس کامل استفاده کنید. چون در این روش مهم نیست که صفحات مربوط به چه سایتی باشند.

شناسه دیگری که می توانید در تگ لینک به کار ببرید title است. با استفاده از این شناسه می توانید عنوانی را برای لینک انتخاب کنید و این عنوان در هنگامی که بازدید کننده کاوس خود را روی لینک قرار می دهد به نمایش در نمی آید. به مثال زیر توجه کنید:

<a href="../css/index.html" title="آموزش استفاده از استایل در صفحات وب">آموزش CSS به زبان فارسی</a>
مشاهده آموزش بقیه مطالب اچ تی ام ال

http://8tom.parsiblog.com/PhotoAlbum/dars2/10e9328c176de902f34269074578f82d.gif

  نوشته شده در روز شنبه 89/3/8  ، تعداد


مطالب طلایی - کلیک کنید

آمــار سایت

بازدیــــد امـــــروز : 55
بازدیــــــــد دیـــــــــروز : 548
بازدیـــــــــد کــــــــــل : 6954907
تعـــــداد یادداشت هـــــــا : 3245
منوی اصلی

صفحـه اول سایـت

ساخت فروشگـاه اینترنتـــی

وبلاگ بسازید و کسب درآمد کنید

سایت عکس های متحـرک 

نظرات و پیشنهادات

فهرست موضوعی یادداشت ها

:.: مهــارت آمــوزی :.:
مقالات، تحقیق و پژوهش هـا
ترفند، ایده ها و مطالب کاربردی
اطلاعات عمومی و دانستنی ها
سرگرمی ها و ساخت کاردستـی
:.: آموزش مجازی :.:
جزوه هــای درسی و درسنامـه
نرم افـزارها و محتوای آموزشی
جشنواره ها و پژوه دانش آموزی
پیک دانش آموزی و تکلیف درسی
:.: پاورپــوینت هـا :.:
پاورپوینت درسی دوره دبستان
پاورپوینت های دوره اول متوسطه
پاورپوینت های دوره دوم متوسطه
پاورپوینت و اسلاید های آموزشی
:.: گـروه مخاطبین :.:
معلمان و کادر دفتری مدارس
گروه های درسی و صاحب نظران
والدین دانش آموزان و مشاوران
دانش آموزان مدرسه و فراگیران
:.: نمونه سوالات :.:
آزمون و سوال های دوره ابتدایی
آزمون و سوال دوره اول متوسطه
آزمـون و سوال دوره دوم متوسطه
سوال های متفرقه و آزمون ورودی
:.: بانک طرح درس :.:
طرح درس های ناب دوره ابتدایی
طرح درس های دوره متوسطه اول
طرح درس های دوره متوسطه دوم
طرح درس های عمومی و مشترک
:.: هنرهای معلمی :.:
درس و اقدام پژوهـی ، کارآموزی
برنامه، چک لیست و نمون برگ ها
روش تدریس و سناریوی آموزشی
راهنمای تدریس و گزارش تخصصی
:.: پایــه تحصیلـی :.:
پایه اول ، دوم و سوم ابتدایی
چهارم ، پنجم و ششم ابتدایـی
هفتم ، هشتم و نهم متوسطـه
دهم،یازدهم و دوازدهم متوسطه
لیست آخرین مطالب

پاورپوینت درس دوازدهم سخن آسمانی هدیه سوم دبستان
پاورپوینت درس یازدهم عید مسلمانان هدیه سوم دبستان
پاورپوینت درس دهم ماه مهمانی خدا هدیه سوم دبستان
پاورپوینت درس نهم گفتگو با خدا هدیه سوم دبستان
درس های شانزدهم و هفدهم هدیه های آسمان ششم دبستان به صورت پاورپو
فایل کامل هدیه های آسمان ششم ابتدایی به صورت پاورپوینت
درسنامه و نکات مهم علوم تجربی چهارم دبستان | درس سنگ ها
سوال و جواب علوم تجربی چهارم دبستان | درس سنگ ها
راهنمای تدریس علوم تجربی چهارم دبستان | درس سنگ ها
تحقیق درسی در مورد معجزات حضرت موسی (ع)
طرح درس تناسب ریاضی پنجم
پاورپوینت ریاضی کلاس پنجم درس درصد
تحقیق در مورد عنصر و جدول تناوبی
درس نامه علوم چهارم، درس بدن ما 1
کامل ترین برنامه سالانه بر اساس طرح تدبیر
[همه عناوین(3816)][عناوین آرشیوشده]

http://www.parsiblog.com/PhotoAlbum/riazi/6af5e218c7b634c3d7afd741834f59d2.jpg